﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="SliderProgress.aspx.cs" Inherits="SliderProgress" %>

<%@ Register Assembly="jQueryDotNetLib" Namespace="jQueryDotNetLib.Controls" TagPrefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="DemoTitleContentPlaceHolder" Runat="Server">
Slider & Progress
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="DemoContentPlaceHolder" Runat="Server">
    <cc1:Slider  Animate="true" ID="Slider1" OnClientChange="UpdateProgress();" runat="server" />
    <br /><br />
    <cc1:ProgressBar ID="ProgressBar1" OnClientChange="$(this).fadeOut().fadeIn();" runat="server" />
    <script type="text/javascript">
        function UpdateProgress() {
            var Slider1 = jQuery('#<%=Slider1.ClientID%>');
            var ProgressBar1 = jQuery('#<%=ProgressBar1.ClientID %>');
            ProgressBar1.progressbar('value', Slider1.slider('value'));
        }
    </script>

</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="SourceContentPlaceHolder" Runat="Server">
    &lt;cc1:Slider  Animate="true" ID="Slider1" OnClientChange="UpdateProgress();" runat="server" /&gt;
    &lt;br /&gt;&lt;br /&gt;
    &lt;cc1:ProgressBar ID="ProgressBar1" OnClientChange="$(this).fadeOut().fadeIn();" runat="server" /&gt;
    &lt;script type="text/javascript"&gt;
        function UpdateProgress() {
            var Slider1 = jQuery('#&lt;%=Slider1.ClientID%&gt;');
            var ProgressBar1 = jQuery('#&lt;%=ProgressBar1.ClientID %&gt;');
            ProgressBar1.progressbar('value', Slider1.slider('value'));
        }
    &lt;/script&gt;
</asp:Content>

